<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/t-goshoping.css"/>
		<link rel="stylesheet" type="text/css" href="../css/foot.css"/>
		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script type="text/javascript" src="../js/angular-route.min.js"></script>
		<script type="text/javascript" src="../js/jquery-3.0.0.min.js"></script>
		
	</head>
	<body ng-app="myApp">
		<div class="logo-shoping clearfix">
			<ul>
				<li>
					<img src="../img/t-logo.png"/>
				</li>
				<li>
					<span class="go-span1">我的购物车</span>
					<img src="../img/t-rightguide.png" alt="" />
					<span class="go-span2">确认订单消息</span>
					<img src="../img/t-rightguide.png" alt="" />
					<span class="go-span3">订单提交成功</span>
				</li>
			</ul>
		</div>
		
		<div class="t-shopContent">
			<ng-view></ng-view>
		</div> 
		<div ng-include="'foot.html'"></div>
		<div class="t-meng">
		</div>
		<div class="t-win">
			<div>温馨提示</div>
			<div class="clearfix">
				<img src="../img/t-notice.png" alt="" />
				<h2>新疆哈密瓜（8kg装）、葡萄（150g）</h2>
				<p>无法配送到指定区域、请到购物车中删除</p>
				<p>或修改配送地址后重新提交订单</p>
			</div>
			<div>
				<span>返回购物车修改</span>
				<span>修改配送区域</span>
			</div>
		</div>
		<div class="t-win1">
			<h1>使用平台支付</h1>
			<p>请您在新打开的网上银行页面进行支付，完成支付前请不要关闭该窗口</p>
			<div>
				<div> 
					<p>已经完成支付</p>
					<p>查看订单详情</p>
				</div>
				<div> 
					<p>支付失败</p>
					<p>更换支付方式</p>
				</div>
			</div>
		</div>
	</body>
	
	<script type="text/javascript" src="../js/angular-route.min.js"></script>
	<script type="text/javascript">
	
		  var app = angular.module('myApp',['ngRoute']);
		 app.config(function ($routeProvider) {
		 	$routeProvider.when('/',{
		 		templateUrl:'t-shoping1.html'
		 	});
		 	$routeProvider.when('/t-shoping2',{
		 		templateUrl:'t-shoping2.html'
		 	})
		 	$routeProvider.when('/t-shoping3',{
		 		templateUrl:'t-shoping3.html'
		 	})
		 	
		 })

    app.controller('myCtrl1',function($scope){
    		$scope.colorfun = function(){
    			$('.go-span2').css({
    				color:'#f08200'
    			})
    			$('.go-span1').css({
    				color:'#333'
    			})
    			$('.go-span3').css({
    				color:'#333'
    			})
    		}
    })
   
    
	</script>
</html>
